<template>
  <div id="app" :style="{height:clientHeight+'px'}">
    <router-view></router-view>
  </div>
</template>

<script>
import {mapState,mapMutations} from 'vuex';
export default {
  name: 'app',
  computed:{
    sidebarHeight(){
      return this.clientHeight-60;
    },
    ...mapState({
				clientHeight:state=>state.common.clientHeight
		})
  },

  data (){
    return {}
  },
  created (){
    let self =this;      //网页可见区域宽(body)
    window.onresize = function(){
      self.onresize()
    }
  },
  methods:{
    ...mapMutations(['onresize'])
  }
}
</script>
<style lang="stylus" scoped>
#app
  width 100%
  background #eff3f5
</style>
